li {
	list-style: none;
}
.top-wrap {
	margin-bottom: 10px;
	padding: 3em 6em;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 0 3px #B7C3D2;
}
.top-wrap > div {
	position: relative;
}
.top-wrap .patientsList {
	display: none;
    position: absolute;
    top: 34px;
    left: 0px;
    z-index: 111;
    width: calc(100% - 37px);
    border: solid 1px #ddd;
    background: #fff;
    text-align: center;
}
.patientsList > div.null {
	line-height: 2;
    color: #999;
}
.patientsList > ul {
	margin-bottom: 0;
	padding: 0;
}
.patientsList > ul > li {
	line-height: 2;
    color: #666;
    cursor: pointer;
}
.patientsList > ul > li:hover {
	background-color: #f6f6f6;
}
.patientsList > ul > li span.girl {
	color: #FF668F;
}
.patientsList > ul > li span.boy {
	color: #33AEEC;
}

.bottom-wrap {
	height: 470px;
}
.info-wrap {
	float: left;
	width: 30%;
	height: 100%;
	background-color: #fff;
	box-shadow: 0 0 3px #B7C3D2;
}
.info-box {
	margin: 0 auto;
	width: 75%;
	padding-top: 9em;
	color: #607D8B;
}
.info-box .info-name {
	font-size: 2em;
}
.info-box .info-name img {
	width: 1.3em;
	height: auto;
	vertical-align: middle;
}
.info-box p {
	margin-top: 1em;
}
.info-box p span {
	color: #999;
}
.info-box .before-search-pic {
	display: block;
	margin: 0 auto;
	width: 50%;
	height: auto;
	opacity: .5;
}
.form-wrap {
	float: right;
	width: 70%;
	height: 100%;
	padding-left: 10px;
}
.form-wrap .form-box {
	width: 100%;
	height: 100%;
	background-color: #fff;
	box-shadow: 0 0 3px #B7C3D2;
}
.form-wrap .form-box form {
	margin: 0 auto;
	padding-top: 9em;
	width: 60%;
}
.form-wrap .form-box form label {
	font-weight: normal;
	font-size: 1.15em;
	line-height: 2;
	color: #607D8B
}
.form-wrap .form-box form div.btn {
	margin-top: 2em;
	width: 100%;
}